<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
    <script src="../js/jquery-1.11.0.min.js"></script>
    <script>
        $(function () {
            $(".title").css("background-color","#999999");
            $(".title1").css("background-color","red");
            $(".title2").css("background-color","green");
            $(".title3").css("background-color","red");
        })
    </script>

    <style>

        th,td{
            /*background-color: #999999;*/
            border: 1px black ;
            text-align: left;
        }


    </style>
</head>
<body>
    <table>
        <tr class="title">
            <th>
                姓名
            </th>
            <th>
                年龄
            </th>
        </tr>

        <tr class="title1">
            <td>
                lucy
            </td>
            <td>
                12
            </td>
        </tr>

        <tr class="title2">
            <td>
                marry
            </td>
            <td>
                22
            </td>
        </tr>

        <tr class="title3">
            <td>
                tom
            </td>
            <td>
                33
            </td>
        </tr>

    </table>

</body>
</html>